<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>主推任务管理-总部</title>
        <link rel="stylesheet" href="css/reset.css" />
        <link rel="stylesheet" href="css/platform.css" />
        <link rel="stylesheet" href="css/table.css" />
        <link rel="stylesheet" href="js/ui/jquery-ui.min.css" />
        <link rel="stylesheet" href="css/mainpush.css" />
        <style type="text/css">
        	.temp-download{font-size:12px;}
        	
        	#error{font-size:12px;line-height:30px;max-height:420px;overflow:auto;padding:10px;margin-top:20px;
        		border:1px solid #FF3311;color:#ff4400;box-shadow:1px 1px 10px #F05010;display:none;
        	}
        	
        	.loadP{width:100px;height:30px;line-height:30px;margin-left:40px;font-size:14px;color:#fff;}
        	dot { display: inline-block;  width: 3ch; text-indent: -1ch;
        		  vertical-align: bottom;  overflow: hidden;
       			  animation: dot 3s infinite step-start both;
       			  font-family: Consolas, Monaco, monospace;
    			}
    		@keyframes dot {
			    33% { text-indent: 0; }
			    66% { text-indent: -2ch; }
			}
        </style>
    </head>

    <body>
        <div class="header">
            <div class="u-title">总部主推任务管理</div>
        </div>
        <div class="container" ms-controller="mainController">
            <div class="cnt-box">
                <div class="column" style="display:inline-block;">
                    <div class="cell">
                        <label style="width:auto;">任务时间：{{monthTime}}</label>
                    </div>
                </div>
                <a href="javascript:void(0)" class="u-btn small add-task" ms-click="importSecond">导入主推商品型号</a>
                <a href="../templete/second.xlsx" target="_blank"class="temp-download" >模板下载</a>
            </div>
            
            <form id="form_file" enctype="multipart/form-data" autocomplete="off" method="post" style="display:none;">
                <input  type="file" name="file" accept=".xls,.xlsx" id="upladFile" />
            </form>
            
            <div id="taskTable" ms-controller="taskTable"></div>
            
            <div id="error"></div>
            
            <script type="avalon" id="tabletask">
                <div class="tableWrapper">
                    <table class="table">
                        <thead>
                            <tr>
                                <th style="width:300px">任务主题</th>
                                <th style="text-align:left;">占比</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ms-repeat-row="sources">
                                <td>{{row.taskTopic}}</td>
                                <td style="text-align:left;">{{row.rate | filterRate }}</td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="2">
                                    <div class="pager">
                                        <div class="first-page" ms-click="firstpage" ms-class={{firstpagestyle}}>首页</div>
                                        <div class="pre-page" ms-click="prepage" ms-class={{prepagestyle}}>上一页</div>
                                        <div class="current-page">
                                            第<input class="current-page-num" type="text" ms-duplex="currentpage" ms-input="jumppage" />页
                                            <span class="totalpage">共 {{totalpage}} 页</span>
                                        </div>
                                        <div class="next-page" ms-click="nextpage" ms-class={{nextpagestyle}}>下一页</div>
                                        <div class="last-page" ms-click="lastpage" ms-class={{lastpagestyle}}>尾页</div>
                                        <div class="messageinfo">{{startrow}}-{{endrow}} 共{{total}}条</div>
                                    </div>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </script>
            
        </div>
        <div ms-controller="popController">
            
            <div class="u-popup" id="popup_tips">
                <div class="bg"></div>
                <div class="asTable">
                    <div class="asTableCell">
                        <div class="asCell alert">
                            <a href="javascript:;" class="close btn-close">×</a>
                            <p class="title">提示</p>
                            <div class="container">
                                <div class="error"></div>
                                <p></p>
                            </div>
                            <div class="btn-box">
                                <button class="u-btn btn-close">确定</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="loadData"><p class="loadP">文件解析中<dot>...</dot></p></div>
        <script src="js/jquery.min.js"></script>
        <script src="js/avalon.shim.sn.js"></script>
        <script src="js/ui/jquery-ui.min.js"></script>
        <script src="js/ui/jquery-ui.datepicker.min.js"></script>
        <script src="js/swift-ui-table-1.1.js"></script>
        <script src="js/platform.js"></script>
        <script src="js/DataInterface/DataInterface.js"></script>
        <script src="js/tmp_mainpush.js"></script>
	</body>
</html>
